<template>
<!-- 这个div#app会注入到index.html中的div#app, 并替换index.html中的div#app -->
  <div id="app">
    <!-- img是固定的, router-view会变的 -->
    <!-- router-view 显示的是当前路由所对应的组 -->
    <!-- <keep-alive exclude="Detail"> -->
    <keep-alive >
      <!-- 当使用了exclude的属性, 那么activated和deactivated的钩子不会执行了, 
      所以有监听scroll的那个组件用exclude的话, 需要把监听和删除监听的放在
      mounted和beforeDestroy这两个钩子里面
      -->
      <router-view/>
    </keep-alive>
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>

<style>

</style>
